<template>
  <div>
    <!-- 导航栏 -->
    <van-nav-bar title="公告"
                 left-text=""
                 left-arrow
                 @click-left="onClickLeft"
                 custom-class="icon" />
    <title-tag :data="{head:noticeItemDetail.text,foot:noticeItemDetail.foot,right:noticeItemDetail.right}"></title-tag>
    <div class="imgbox">
      <img :src="noticeItemDetail.longPicUrl"
           class='i-img'>
    </div>
  </div>
</template>

<script>
import TitleTag from '@/components/Common/TitleTag'
// import BackBar from '@/components/Common/BackBar'
export default {
  name: 'NoticeDetail',
  data () {
    return {
      bar: {
        text: '标题'
      },
      noticeItemDetail: this.$route.query.item
    }
  },
  components: {
    TitleTag
  },
  methods: {
    onClickLeft () {
      this.$router.push('Property')
    }

  }
}
</script>
<style scoped>
span {
  cursor: pointer;
}
.imgbox {
  width: 100%;
}
.i-img {
  width: 100%;
}
.van-nav-bar {
  background-color: rgb(114, 202, 205);
}
::v-deep .van-nav-bar .van-icon,
::v-deep .van-nav-bar__text,
::v-deep .van-nav-bar .van-ellipsis {
  color: #fff;
}
.van-cell {
  color: #323233 !important;
}
::v-deep .van-field__label {
  color: #323233 !important;
}
::v-deep .van-cell__title {
  color: #323233 !important;
}
</style>
